// map.js
import QQMap from '../../../utils/qqmap'
Page({
  data: {
    latitude: '',
    longitude: '',
    // 标记点信息
    markers: [
      {
        id: 1,
        latitude: 40.22077,
        longitude: 116.23128,
        width: 24,
        height: 30,
      },
      {
        id: 2,
        latitude: 40.225857999999995,
        longitude: 116.23246699999999,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40,
      },
    ],
    repairDetail: {} //报修详情数据
  },
  onLoad({ id }) {
    console.log(id);
    this.getRepairDetail(id)
    this.getPolyline()
  },
  // 获取报修信息
  async getRepairDetail(id) {
    let res = await wx.http.get('/repair/' + id)
    this.setData({ repairDetail: res })
  },
  // 获取位置服务
  getPolyline() {
    QQMap.direction({
      mode: 'bicycling',
      from: '40.227978,116.22998',
      to: '40.22077,116.23128',
      success: ({ result }) => {
        const coors = result.routes[0].polyline
        const points = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / 1000000
        }
        // 获取经纬度
        for (let i = 0; i < coors.length; i += 2) {
          points.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        // 渲染数据
        this.setData({
          latitude: points[30].latitude,
          longitude: points[30].longitude,
          polyline: [
            { points, color: '#5591af', width: 4 },
          ],
        })
      },
    })
  },
  // 修改报修信息
  editRepair() {
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + this.data.repairDetail.id,
      success: (result) => {

      },
      fail: () => { },
      complete: () => { }
    });
  },
  // 取消报修
  async cancelRepair() {
    // 发送请求
    await wx.http.put('/cancel/repaire/' + this.data.repairDetail.id)
    // 页面跳转
    wx.navigateTo({
      url: '/repair_pkg/pages/list/index',
    });
  }
})
